<template>
  <view class="userList">
    <block v-if="list.length != 0">
      <block v-for="(item, index) in list" :key="index">
        <view class="item">
          <view class="flex-row">
            <image
              class="avatar"
              src="https://talentsupload.oss-cn-beijing.aliyuncs.com/miniprogram/avatar1.png"
            />
            <view class="margin-l-tr flex">
              <p>{{ item.nickName }}</p>
              <p class="font-size-26 color-666 margin-t-ten">
                {{ item.phone || "-" }}
              </p>
            </view>
            <view>{{ item.vipGradeName || "-" }}</view>
          </view>
          <view class="sketch">
            <view class="sketch-item sketch-item-divider">
              <p>已使用次数</p>
              <p class="margin-t-six">{{ item.timesUsed || 0 }}</p>
            </view>
            <view class="sketch-item sketch-item-divider">
              <p>注册时间</p>
              <p class="margin-t-six">{{ item.joinDate || 0 }}</p>
            </view>
            <view class="sketch-item sketch-item-divider">
              <p>到期时间</p>
              <p class="margin-t-six">{{ item.expirationTime || 0 }}</p>
            </view>
            <view class="sketch-item">
              <p>剩余次数</p>
              <p class="margin-t-six">{{ item.residueDegree || 0 }}</p>
            </view>
          </view>
        </view>
      </block>
    </block>
    <custom-emptyMsg 
      v-else
      :showIcon="false"
    />
  </view>
</template>

<script src="./indexMod.js">
</script>
<style src="./indexStyle.scss" scoped>
</style>